<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>案例3</title>
	</head>
	<style type="text/css">
		#div1{
			width: 600px;
			height: 300px;
			margin: 10px auto;
		}
		span{
			color: #B8B4B4;
		}
		button{
			margin-top: 10px;
		}
		.result{
			color: red;
			font-size: 40px;
		}
	</style>
	<body>
		<div id="div1">
			<input type="text"  id="i1" /><span>输入数字求和，数字之间用半角","号分隔</span><br>
			<button type="button" id="btn1">求和</button><br>
			<span class="result"></span>
		</div>
	</body>
</html>
<script src="../js/jquery-3.5.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="./js/test3.js" type="text/javascript" charset="utf-8"></script>